<template>
  <umrp-container padding="32px 16px" :gap="24">
    <umrp-text bold :size="20">积分商城</umrp-text>
    <umrp-grid :cols="6" :row-gap="24" :col-gap="24">
      <umrp-grid-item v-for="_ in 10">
        <umrp-card>
          <template #cover>
            <umrp-image :height="180"></umrp-image>
          </template>
          <umrp-container direction="horizonal" justify="between" align="center">
            <umrp-space direction="vertical" :size="16">
              <umrp-text bold>商品标题</umrp-text>
              <umrp-text>1000积分</umrp-text>
            </umrp-space>
            <umrp-icon name="buy" :size="24"></umrp-icon>
          </umrp-container>
        </umrp-card>
      </umrp-grid-item>
    </umrp-grid>
    <umrp-container padding="0 40%">
      <umrp-divider>没有更多</umrp-divider>
    </umrp-container>
  </umrp-container>
</template>
